<template>
  <div class="full">
    <i
      :class="isEidt ? 'el-icon-copy-document' : 'el-icon-full-screen'"

      @click="toggleScreen"
    />

  </div>
</template>
<script>
import screenfull from 'screenfull'
export default {
  name: '',
  data() {
    return {
      isEidt: false
    }
  },
  //   created() {
  //     screenfull.on('change', () => {
  //       this.isEidt = screenfull.isFullscreen
  //     })
  //   },
  methods: {
    toggleScreen() {
      screenfull.toggle()
      this.isEidt = !this.isEidt
    }
  }
}
</script>
<style lang="scss" scoped>
    .full{
  display: inline-block;
    margin: 0 20px 0 20px;
    font-size: 20px;
    color:chartreuse;
    }
</style>
